<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/sucai.css">
		<link rel="stylesheet" type="text/css" href="css/spin.css">
		<style type="text/css">
			.nav{
				height: 550px;
			}
			.footer{
				width: 100%;
				height: 50px;
				background-color: black;
			}
			.footer a{
				font-size: 14px;
				padding-left: 50%;
				padding-top: 5px;
				color: darkgray;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<h1><a href="index.html"><img src="img/logo.png" alt="Gerald Harris attorney at law"></a> </h1>
			<ul class="dh">
                   <li class="xl"><a href="index.html">动物之家</a>
                   		<ul class="xl1">
                         <li><a href="#">小猫猫</a></li>
                         <li><a href="#">小狗狗</a></li>
                     </ul>
                   </li>
                   <li class="xl"><a href="1.html">宠物百科 </a>
                     <ul class="xl1">
                         <li><a href="#">宠物推荐</a></li>
                         <li><a href="#">宠物档案</a></li>
                     </ul>
                   </li>
                   <li class="xl"><a href="2.html">服务咨询</a>
                   		<ul class="xl1">
                         <li><a href="#">动物问题</a></li>
                         <li><a href="#">喂养事项</a></li>
                     </ul>
                   </li>
                   <li><a href="3.html">登录|注册</a></li>
                 </ul>
		</div>
		<div class="nav" style="height: 550px;">
			<div class="bof">
					<video src="video/video.mp4" autoplay="autoplay"controls="controls"loop="loop"></video>
			</div>
		</div>
		<div class="footer">
			<div class="banquan">
 				<a>月木&copy;宠物店&copy;2020</a>
 			</div>
		</div>
	</body>
</html>
